<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script defer type="module">
    import React from "https://esm.sh/react@19/?dev";
    import ReactDOMClient from "https://esm.sh/react-dom@19/client?dev";
    import ReactDOM from "https://esm.sh/react-dom@19?dev";
    window.ReactDOMClient = ReactDOMClient;
    window.React = React;
    window.ReactDOM = ReactDOM;
  </script>
  <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/survey-core.css" />
  <link rel="stylesheet" type="text/css" href="../node_modules/survey-creator-core/survey-creator-core.css" />
  <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
  <script src="../node_modules/survey-core/survey.core.js" defer></script>
  <script src="../node_modules/survey-core/survey.i18n.js" defer></script>
  <script src="../node_modules/survey-core/themes/index.js" defer></script>
  <script src="../node_modules/survey-creator-core/survey-creator-core.js" defer></script>
  <script src="../node_modules/survey-creator-core/themes/index.js" defer></script>
  <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js" defer></script>
  <script src="../node_modules/survey-react-ui/survey-react-ui.js" defer></script>
  <script src="../build/survey-creator-react.js" defer></script>
  <script src="./sc.js" defer></script>
</head>

<body spellcheck="false">
  <div id="survey-creator" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0;"></div>
</body>
<script>
  window.addEventListener("DOMContentLoaded", () => {
    window.surveyJSFramework = "react";
    SurveyCreatorCore.registerSurveyTheme(SurveyTheme);
    SurveyCreatorCore.registerCreatorTheme(SurveyCreatorTheme);
    const creator = new SurveyCreator.SurveyCreator({ expandCollapseButtonVisibility: "never", showLogicTab: true, showTranslationTab: true, pageEditMode: "bypage" });
    creator.applyCreatorTheme(SurveyCreatorTheme.SC2020);
    creator.tabResponsivenessMode = "menu";
    creator["animationEnabled"] = false;
    creator.showOneCategoryInPropertyGrid = false;
    creator.allowZoom = false;
    window.creator = creator;
    const root = ReactDOMClient.createRoot(document.getElementById("survey-creator"));
    root.render(React.createElement(React.StrictMode, {
      children: React.createElement(
        SurveyCreator.SurveyCreatorComponent,
        { creator: creator },
        null
      )
    }));
  })
</script>

</html>